<template>
  <view>
    <navigator open-type="navigateTo" url="/pages/story/story1?key=https://mp.weixin.qq.com/s/_7PXLUnBkieM4ZqlVSSv7A">
      <view class="top">
        <view class="part">
          <view class="left">
            <image src="/static/缓冲气柱袋.jpg"></image>
          </view>

          <!-- @tap="gotostory1(key)" -->
          <view class="right">
            <text class="small">绿箱Go\n</text>
            <text class="big">关于“缓冲气柱袋”，你了解多少？\n\n</text>
            <text>2023-05-05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阅读文章</text>
          </view>
        </view>
      </view>
    </navigator>
    <navigator open-type="navigateTo" url="/pages/story/story1?key=https://mp.weixin.qq.com/s/LC5T0MyD3AwEmnKLKd21iA">
      <view class="top">
        <view class="part">
          <view class="left">
            <image src="/static/胶带.jpg"></image>
          </view>

          <!-- @tap="gotostory1(key)" -->
          <view class="right">
            <text class="small">绿箱Go\n</text>
            <text class="big">胶带——粘住地球\n\n\n</text>
            <text>2023-05-05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阅读文章</text>
          </view>
        </view>
      </view>
    </navigator>
    <navigator open-type="navigateTo" url="/pages/story/story1?key=https://mp.weixin.qq.com/s/w8ai5UkXRokVxapSkkeaIg">
      <view class="top">
        <view class="part">
          <view class="left">
            <image src="/static/塑料袋.jpg"></image>
          </view>

          <!-- @tap="gotostory1(key)" -->
          <view class="right">
            <text class="small">绿箱Go\n</text>
            <text class="big">塑料袋——了解一下！\n\n\n</text>
            <text>2023-05-05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阅读文章</text>
          </view>
        </view>
      </view>
    </navigator>
    <navigator open-type="navigateTo" url="/pages/story/story1?key=https://mp.weixin.qq.com/s/HaueCYVwLS_AJnVpzpuiFg">
      <view class="top">
        <view class="part">
          <view class="left">
            <image src="/static/纸箱子.jpg"></image>
          </view>

          <!-- @tap="gotostory1(key)" -->
          <view class="right">
            <text class="small">绿箱Go\n</text>
            <text class="big">你不知道的“纸箱子”小知识来啦！\n\n</text>
            <text>2023-05-05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阅读文章</text>
          </view>
        </view>
      </view>
    </navigator>
    <navigator open-type="navigateTo" url="/pages/story/story1?key=https://mp.weixin.qq.com/s/OCmMjQ38nMO0yAqRFNWM5A">
      <view class="top">
        <view class="part">
          <view class="left">
            <image src="/static/会员权益.png"></image>
          </view>
          <view class="right">
            <text class="small">绿箱Go\n</text>
            <text class="big">会员权益\n\n\n</text>
            <text>2023-03-08&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阅读文章</text>
          </view>
        </view>
      </view>
    </navigator>
    <navigator open-type="navigateTo" url="/pages/story/story1?key=https://mp.weixin.qq.com/s/ivRneLvkzSy9lVY7p650SQ">
      <view class="top">

        <view class="part">
          <view class="left">
            <image src="/static/绿箱logo2.jpg"></image>
          </view>
          <view class="right" @tap="gotostory2">
            <text class="small">绿箱Go\n</text>
            <text class="big">小程序使用细则\n\n\n</text>
            <text>2023-03-07&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阅读文章</text>
          </view>
        </view>

      </view>
    </navigator>
    <navigator open-type="navigateTo" url="/pages/story/story1?key=https://mp.weixin.qq.com/s/GBk9Dc-yuZJI1MbhyKcDJA">
      <view class="top">
        <view class="part">
          <view class="left">
            <image src="/static/绿箱logo.jpg"></image>
          </view>

          <!-- @tap="gotostory1(key)" -->
          <view class="right">
            <text class="small">绿箱Go\n</text>
            <text class="big">「绿箱Go」开启\n\n\n</text>
            <text>2023-03-01&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;阅读文章</text>
          </view>
        </view>
      </view>
    </navigator>



  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    methods: {

    }
  }
</script>

<style>
  .top {
    margin: 20rpx 20rpx 10rpx 20rpx;
    /* border: white 10rpx solid; */
    border-radius: 10rpx;
    background-color: white;
    /* border: 1rpx solid black; */
  }

  .part {
    /* margin: 40rpx 0 30rpx 0; */
    display: flex;
    justify-content: flex-start;

  }

  text {
    line-height: 60rpx;
  }

  .left image {
    height: 270rpx;
    width: 250rpx;
    margin: 30rpx 20rpx;
  }

  .right {
    margin: 20rpx 20rpx;
  }

  .big {
    /* font-size: 35rpx; */
  }

  .small {
    font-size: smaller;
    color: #949090;
  }
</style>